.overviewChild{
  .ant-layout{
    background-color: white;
  }
  .tit{
    margin-top: 30px;
    display: flex;
    background-color: white;
    p{
      font-size: 20px;
      margin-left: 20px;
      margin-top:10px;
    }
    span{
      font-size: 32px;
      margin-left:20px;
    }
    a{
      font-size: 16px;
    }
    >div{
      display: flex;
      // border: 1px solid red;
    }
    >div:first-child{
      flex:1;
      justify-content: center;
      >div{
        border: 1px solid #D7D7D7;
        width: 80%;
        height: 115px;
        margin-left: 10px;
        >div{
          display: flex;
          justify-content: space-between;
          >div{
            margin-right: 20px;
          }
        }
      }
    }  
    >div:last-child{
      flex:3;
      
      margin-right: 30px;
      >div{
        border: 1px solid #D7D7D7;
        width: 26.666%;
        height: 115px;
        margin-right: 3%;
        >div{
          display: flex;
          justify-content: space-between;
          >div{
            margin-right: 20px;
          }
        }
      }
    }  
  }
  .middle{
    background-color: white;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    >div:first-child{
      flex: 1;
      // border: 1px solid black;
      font-size: 16px;
      margin-left: 5px;
      >div:first-child{
        width: 80%;
        border: 1px solid #D7D7D7;
        margin: auto;
        height: 46px; 
        line-height: 46px;
        p{
          margin-left: 20px;
          margin-bottom: 0;
        }
      }
      >div:last-child{
        width: 80%;
        border-left: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        margin: auto;
        >div{
         >div{
           margin: 0 auto;
         }
        }
      }
    }
    >div:last-child{
      flex: 3;
      border: 1px solid #D7D7D7;
      margin-right: 30px;
      >div:first-child{
        display: flex;  
        height: 46px;
        line-height: 46px;
        border-bottom: 1px solid #F0F0F0;
        justify-content: space-between;
        >div:first-child{
          margin-left: 20px;
           
        }
        >div:nth-child(2){
          display: flex;
          margin-right: 50px;
        }
      }
      >div:last-child{
        width: 1000px;
        margin: auto;
        .highcharts-background{
          margin: auto;
          width: 1000px;
        }
      }
    }
  }
  .footer{
    background-color: white;
    display: flex;
    height:350px;
    >div:first-child{
      flex: 2;
      border: 1px solid #D7D7D7;
      margin-top: 30px;
      margin-left: 2.7%;
      >div:first-child{
        font-size: 16px;
        height: 46px;
        line-height: 46px;
        padding-left: 20px;
        border-bottom:1px solid #D7D7D7;
      }
      .rowStyle{
        margin-left: 20px;
        .ant-table-cell{
          border: 0px !important;
          background-color: white;
        }
      }
    }
    >div:last-child{
      flex:3;
      border: 1px solid #D7D7D7;
      margin-right: 30px;
      // height:500px;
      margin-top: 30px;
      margin-left: 2.5%;
      >div:first-child{
        display: flex;
        border-bottom: 1px solid #D7D7D7;
        height: 46px;
        line-height: 46px;
        justify-content: space-between;
        >div{
          margin-left: 20px;
          margin-right: 50px;
        }
        >div:last-child{
          display: flex;
        }
      }
    }
  }
}

